<!doctype html>
<html lang="en">
<head>
  	{include file="common/head"}
</head>
<body>
  	{include file="common/menu"}
	{include file="common/sub"}
	<section class="section blog-wrap bg-gray">
	    <div class="container">
	        <div class="row">
	            <div class="col-lg-8 col-xl-9">
	                <div class="row">
						<div class="col-lg-12 mb-5">
							<div class="single-blog-item">
								{if isset($Info.thumb) && !empty($Info.thumb)}
								<img src="{$Info.thumb}" alt="" class="img-fluid rounded w-100">
								{/if}
								<div class="blog-item-content bg-white p-5">
									<h5 class="mb-4"><a href="#!">{$Info.title}</a></h5>
									<div class="blog-item-meta bg-gray py-1 px-2 mb-4">
										<span class="text-muted text-capitalize mr-3"><a href="{$Info.category.url}"><i class="ti-list mr-2"></i> {$Info.category.title}</a></span>
										<span class="text-muted text-capitalize mr-3"><i class="ti-pencil-alt mr-2"></i> {$Info.author}</span>
										<span class="text-muted text-capitalize mr-3"><i class="fas fa-meteor mr-2"></i> {$Info.views}</span>
										<span class="text-muted text-capitalize mr-3"><i class="ti-time mr-2"></i> {hkcms:date name="$Info.publish_time" format="Y-m-d"}</span>
									</div>
									{$Info.content}
									<div class="row">
		                                <div class="col-md-12">
		                                    {hkcms:contentpage item="home,pre,pageno,next,last,info" mobile_item="pre,pageno,next" pre="&laquo;" next="&raquo;" /}
		                                </div>
		                            </div>
									<div class="tag-option mt-5 clearfix">
                                    	{hkcms:addons name="tags"}
									    <ul class="float-left list-inline"> 
									    	<li>{:__('Tags')}</li> 
                                        	{hkcms:taglist arcid="$Info['id']" model="$Info['model_id']"}
									    	<li class="list-inline-item"><a href="{$item.url}" rel="tag">{$item.title}</a></li>
                                        	{/hkcms:taglist}
									   	</ul>
		                                {/hkcms:addons}
									    <ul class="float-right list-inline">
									        <li class="list-inline-item"> {:__('Share')}: </li>
									        <li class="list-inline-item"><a href="http://connect.qq.com/widget/shareqq/index.html?url={:urlencode($Info.fullurl)}?sharesource=qzone&title={$Info.title}&pics={:cdn_url($Info.thumb,true)}&summary={$Info.description}&desc={$site.title}" target="_blank"><i class="fab fa-qq" aria-hidden="true"></i></a></li>
									        <li class="list-inline-item"><a href="http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url={:urlencode($Info.fullurl)}&title={$Info.title}-{$site.title}&summary={$Info.description}" target="_blank"><i class="far fa-star" aria-hidden="true"></i></a></li>
									        <li class="list-inline-item"><a href="http://service.weibo.com/share/share.php?url={:urlencode($Info.fullurl)}&title={$Info.title}-{$site.title}&pic={:cdn_url($Info.thumb,true)}" target="_blank"><i class="fab fa-weibo" aria-hidden="true"></i></a></li>
									    </ul>
								    </div>
								</div>
							</div>
						</div>
						<div class="col-lg-12 mb-5">
							<div class="posts-nav bg-white p-5 d-lg-flex d-md-flex justify-content-between ">
                                {hkcms:prenext type="pre" len="10" dot="..."}
                                <a class="post-prev align-items-center" href="{$item.url}">
									<div class="posts-prev-item mb-4 mb-lg-0">
										<span class="nav-posts-desc text-color">- {:__('Pre posts')}</span>
										<h6 class="nav-posts-title mt-1">{$item.title}</h6>
									</div>
								</a>
                                {else /}
								<a class="post-prev align-items-center" href="#!">
									<div class="posts-prev-item mb-4 mb-lg-0">
										<span class="nav-posts-desc text-color">- {:__('Pre posts')}</span>
										<h6 class="nav-posts-title mt-1">{:__('No more')}</h6>
									</div>
								</a>
                                {/hkcms:prenext}
								<div class="border"></div>
                                {hkcms:prenext type="next" len="10" dot="..."}
								<a class="posts-next" href="{$item.url}">
									<div class="posts-next-item pt-4 pt-lg-0">
										<span class="nav-posts-desc text-lg-right text-md-right text-color d-block">- {:__('Next posts')}</span>
										<h6 class="nav-posts-title mt-1">{$item.title}</h6>
									</div>
								</a>
                                {else /}
                                <a class="post-prev" href="#!">
									<div class="posts-next-item pt-4 pt-lg-0">
										<span class="nav-posts-desc text-lg-right text-md-right text-color d-block">- {:__('Next posts')}</span>
										<h6 class="nav-posts-title mt-1">{:__('No more')}</h6>
									</div>
								</a>
                                {/hkcms:prenext}
							</div>
						</div>
					</div>
	            </div>
	            <div class="col-lg-4 col-xl-3">
	                <div class="sidebar-wrap">
						<div class="sidebar-widget latest-post card border-0 p-4 mb-3">
							<h5>{:__('Hot news')}</h5>
                            {hkcms:content catid="9" order="views desc" num="5"}
					        <div class="media border-bottom py-3">
					            <a href="{$item.url}"><img class="mr-3" style="width: 82px;height: 72px;object-fit: cover;" src="{$item.thumb}" alt=""></a>
					            <div class="media-body">
					                <h6 class="mt-2 mb-0"><a href="{$item.url}" class="twolines" style="height: initial;">{$item.title}</a></h6>
					                <span class="text-sm text-muted">{hkcms:date name="$item.publish_time" format="Y-m-d"}</span>
					            </div>
					        </div>
					        {/hkcms:content}
						</div>
						<div class="sidebar-widget latest-post card border-0 p-4 mb-3">
							<h5>{:__('Hot product')}</h5>
                            {hkcms:content catid="21" order="views desc" num="5"}
					        <div class="media border-bottom py-3">
					            <a href="{$item.url}"><img class="mr-3" style="width: 82px;height: 72px;object-fit: cover;" src="{$item.thumb}" alt=""></a>
					            <div class="media-body">
					                <h6 class="mt-2 mb-0"><a href="{$item.url}" class="aline" style="height: initial;">{$item.title}</a></h6>
					                <p class="mb-0"><span class="text-sm text-danger"><i class="fas fa-yen-sign mr-1"></i>{$item.price}</span></p>
					                <span class="text-sm text-muted">{hkcms:date name="$item.publish_time" format="Y-m-d"}</span>
					            </div>
					        </div>
					        {/hkcms:content}
						</div>
                        {hkcms:addons name="tags"}
						<div class="sidebar-widget bg-white rounded tags p-4 mb-3">
							<h5 class="mb-4">{:__('Tags')}</h5>
                            {hkcms:taglist tid="0" num="10" order="views desc"}
							<a href="{$item.url}">{$item.title}</a>
							{/hkcms:taglist}
						</div>
                        {/hkcms:addons}
					</div>
	            </div>   
	        </div>
	    </div>
	</section>
	{include file="common/footer"}
</body>
</html>